{% extends "base.html" %}

{% block content %}
<div class="container mt-5">
    <div class="row justify-content-center">
        <div class="col-md-8 text-center">
            <h1 class="display-4 mb-4">欢迎使用毕业设计交付平台</h1>
            <p class="lead mb-5">专业、高效、贴心的毕业设计服务</p>
        </div>
    </div>

    <div class="row justify-content-center mb-5">
        <div class="col-md-4 mb-4">
            <div class="card h-100">
                <div class="card-body text-center">
                    <i class="fas fa-shield-alt fa-3x text-primary mb-3"></i>
                    <h3 class="card-title h5">安全可靠</h3>
                    <p class="card-text">严格的项目审核机制，确保每个项目的质量和安全性</p>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-4">
            <div class="card h-100">
                <div class="card-body text-center">
                    <i class="fas fa-headset fa-3x text-primary mb-3"></i>
                    <h3 class="card-title h5">贴心服务</h3>
                    <p class="card-text">专业的技术支持团队，提供全程指导和售后服务</p>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-4">
            <div class="card h-100">
                <div class="card-body text-center">
                    <i class="fas fa-clock fa-3x text-primary mb-3"></i>
                    <h3 class="card-title h5">准时交付</h3>
                    <p class="card-text">严格把控项目进度，确保按时高质量完成</p>
                </div>
            </div>
        </div>
    </div>

    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title text-center mb-4">我们的优势</h4>
                    
                    <div class="alert alert-info mb-4">
                        <div class="d-flex align-items-center mb-2">
                            <i class="fas fa-user-graduate fa-2x me-3"></i>
                            <h5 class="mb-0">能源学院学长亲身经历</h5>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <ul class="list-unstyled">
                                <li class="mb-3">
                                    <i class="fas fa-check-circle text-success me-2"></i>
                                    专业的技术团队支持
                                </li>
                                <li class="mb-3">
                                    <i class="fas fa-check-circle text-success me-2"></i>
                                    一对一项目跟进服务
                                </li>
                                <li class="mb-3">
                                    <i class="fas fa-check-circle text-success me-2"></i>
                                    全程技术指导和解答
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-6">
                            <ul class="list-unstyled">
                                <li class="mb-3">
                                    <i class="fas fa-check-circle text-success me-2"></i>
                                    源码详细注释说明
                                </li>
                                <li class="mb-3">
                                    <i class="fas fa-check-circle text-success me-2"></i>
                                    环境部署服务
                                </li>
                                <li class="mb-3">
                                    <i class="fas fa-check-circle text-success me-2"></i>
                                    长期免费技术维护
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row justify-content-center mt-5">
        <div class="col-md-8 text-center">
            <p class="lead mb-4">开启您的毕业设计之旅</p>
            {% if not current_user.is_authenticated %}
            <div class="d-grid gap-2 d-md-block">
                <a href="{{ url_for('auth.register') }}" class="btn btn-primary btn-lg me-md-2">立即注册</a>
                <a href="{{ url_for('auth.login') }}" class="btn btn-outline-primary btn-lg">登录</a>
            </div>
            {% else %}
            <div class="d-grid gap-2 d-md-block">
                <a href="{{ url_for('main.submit_thesis') }}" class="btn btn-primary btn-lg">开始提交</a>
            </div>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %} 